﻿
@media (min-width: 1800px)
{
	.swipslider{height:750px;}
	.ny{height:450px;}
}

@media (min-width: 1600px)
{
	.swipslider{height:680px;}
	.ny{height:450px;}
}

@media (max-width:1600px)
{
	.swipslider{height:600px;}
	.ny{height:400px;}
	.casebox .case ul a{height:200px;}
}


@media (max-width:1500px)
{	 

	.swipslider{height:550px;}
	.ny{height:330px;}
	.map{overflow:hidden;}
	.header .nav_box .phonebox li{font-size:1.3em;}
	.header .nav_box .nav li a {font-size: 1.1em;letter-spacing:1px;}

	.productbox .product ul li{height:400px;}

    .newsbox .news .news_right img{width:100%;}
	.footerbox .footer .footer_right .copyright{clear:both;padding-bottom:30px;}
}


@media (max-width:1330px)
{
	.swipslider{height:450px;}
	.ny{height:310px;}
	.container{width:96%;margin:auto 2%;}
	.header .nav_box .phonebox{display:block;}
	.header .nav_box .phonebox li{display:none;}
	.header .nav_box .phonebox li:nth-child(1){display:inline-block;}
	.header .nav_box .phonebox li:nth-child(1) em{display:none;}
}


@media (max-width:1125px)
{
	*{font-family:"黑体";}
	.pc{display:none;width:100%;height:auto;}
	.pc img{width:100%;}
	.sp img{width:100%;}
	.sp{display:block;width:100%;height:auto;}
	.container{width:96%;margin:auto 2%;}
	.header{width:80%;height:50px;display:none;}
	.header-sp{width:100%;height:50px;display:block;background:#0f166d;color:#fff;}
	.header-sp .logo{width:50%;height:42px;padding:4px 0;}
	.header-sp .logo a{width:100%;height:100%;display:inline-block;overflow:hidden;}
	.header-sp .logo a img{max-width:100%;height:100%;}

	.header-sp .list_dao{padding:0 0; bordeer:1px solid red; width:50px; height:50px;}
	.header-sp .list_dao i{width:50px;height:50px;display:inline-block;float:right;cursor:pointer;position:relative;}
	.header-sp .list_dao i span{position:absolute;left:calc((100% - 25px) / 2); top: calc((100% - 1px) / 2);width:25px;height:2px;background-color: rgb(255, 255, 255);}
	.header-sp .list_dao i span:nth-child(1) {transform: translateY(4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
	.header-sp .list_dao i span:nth-child(2) {transform: translateY(-4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
	.header-sp .list_dao .onhover span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
	.header-sp .list_dao .onhover span:nth-child(2){animation-duration:0.5s;animation-fill-modeboth;animation-name:clicksecond;}
	.header-sp .list_dao i img{width:100%;}

	.nav-sp{width:100%;padding:0 0;display:none;font-size:12px;}
	.nav-sp .home{width:100%;height:50px;line-height:50px;font-weight:normal;text-indent:40px;background:#f2f2f2;border-bottom:1px solid #e1e1e1;font-size:16px;color:#333;display:block;}
	.nav-sp h5{width:100%;height:50px;line-height:50px;font-weight:normal;text-indent:40px;background:#f2f2f2;border-bottom:1px solid #e1e1e1;}
	.nav-sp h5 i{float:right; margin-right:2em; font-family: "宋体"; font-size:1.2em;}
	.nav-sp h5 a{font-size:16px;color:#333;}
	.nav-sp ul {width:100%;height:auto;background:#fff;padding:0 0;display:none; font-size:12px;}
	.nav-sp ul li{width:100%;height:auto;display:inline-block;text-align:center;float:left;height:4em;line-height:4em;box-sizing:border-box;border-bottom:1px solid #ececec;}
	.nav-sp ul li:nth-child(2n){border-left:1px solid #ececec;}
	.nav-sp ul li a{color:#333;font-size:1.2em;width:100%;height:100%;display:block;}
	.nav-sp ul li a:hover {
text-decoration: underline; 
color: #00CC00;
font-size: 16px;
font-weight: 200;}

	.header-sp-index{display:none;}
	.logo-sp-index{width:100%;height:auto;background:#008ae6;color:#fff;display:block;padding:0.5em 0;}
	.logo-sp-index .logo-sp-index-left{width:61%;height:60px;float:left;}
	.logo-sp-index .logo-sp-index-left a{width:100%;height:100%;overflow:hidden;display:block;color:#fff;font-size:1em;line-height:30px;}
	.logo-sp-index .logo-sp-index-left a img{width:285px;height:60px;margin:5px 5px;float:left;}/*.wap_logo .wap_logo-left a img{width:65px;height:50px;margin:5px 5px;float:left;}*/
	.logo-sp-index .logo-sp-index-left a h1{font-size:1.2em;letter-spacing:1pt;}
	.logo-sp-index .logo-sp-index-left a p{font-size:0.8em;}
	.logo-sp-index .logo-sp-index-right{width:39%;height:60px;float:left;text-align:right;box-sizing:border-box;padding-right:1em;}
	.logo-sp-index .logo-sp-index-right p{width:100%;height:30px;line-height:30px;font-size:0.8em;}
	.logo-sp-index .logo-sp-index-right p a{color:#fff;font-weight:600;font-size:1.2em;}
	/*.nav-sp-index{display:block;width:100%;height:auto;background:#0f166d;}*/
	.nav-sp-index{display:block;width:100%;height:auto;background:#0f3f85;}
	.nav-sp-index ul{width:100%;height:auto;border-top:1px solid #f2f2f2;}
	.nav-sp-index ul li{width:25%;height:40px;line-height:40px;float:left;box-sizing:border-box;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
	.nav-sp-index ul li:nth-child(4n){border-right:0;}
	.nav-sp-index ul li a{width:100%;height:100%;display:block;color:#fff;text-align:center;font-weight:300;font-size:0.9rem;}


	.index-banner{display:none;}
	.index-banner-sp{width:100%;height:320px;display:block;}
	.index-banner-sp img{width:100%;max-height:320px;display:block;}

	.swipslider{height:450px;}
	.ny{height:550px;}

	.brandbox{padding:1em 0;}

	.title1{width:100%;height:2em;line-height:2em;font-size:1.5em;padding:0.5em 0;background:#0f166d;color:#fff;text-indent:0.8em;}
	.title1 b{font-size:2em;}
	.brandbox .brand ul li .title2{width:100%;height:30px;line-height:30px;text-align:left;font-size:1.5em;font-family:"微软雅黑","黑体",'MICROSOFT YAHEI','宋体','SIMSUN','THOMAS','ARIAL';}

	.brandbox .brand ul{width:100%;float:none;}
	.brandbox .brand ul li h2{width:100%;height:2em;line-height:2em;}
	.brandbox .brand ul li{width:100%;margin-top:0;}
	.brandbox .brand ul li dt{font-size:1.1em;padding:0 0 1em 0;}
	.brandbox .brand .videobox{width:100%;height:auto;display:block;float:none;text-align:center;margin:0px auto;}
	.brandbox .brand .videobox img{width:100%;}
	.gengduo{display:none;}
	.productbox{padding:1em 0;}
	.productbox .product ul li{height:300px;background-size:none;}
	.productbox .product ul li .text{position:absolute;right:0;bottom: 0;width:100%;height:50px;line-height:50px;background-color:#d3d3d3;text-align:center;}
	.productbox .product ul li .text a{width:100%;height:100%;display:block;}
	.productbox .product ul li:nth-child(2){left:0;}
	.productbox .product ul li:nth-child(3) .text a{left:0;}
	.productbox .product ul li:nth-child(4) .text a{left:0;width:100%;}
	.productbox .product ul li .text a h2{font-size:1.5em;}
	.productbox .product ul li .text a i{display:block;width:50px;height:50px;margin-top:60px;}
	.productbox .product ul li:nth-child(2) .text a i{background-image:url(../images/pro_ico1_min.png);}
	.productbox .product ul li:nth-child(3) .text a i{background-image:url(../images/pro_ico2_min.png);}
	.productbox .product ul li:nth-child(4) .text a i{background-image:url(../images/pro_ico3_min.png);}
	.productbox .product ul li:hover .text a i{margin-top:1em;}
	.brandbox .pic_text{background:url(../images/gcm.png)no-repeat;padding:6% 0;width: 96%;margin-top:2%;margin:auto}

	.casebox {display:block;padding:1em 0;}
	.casebox .case .case_title{margin-bottom:0;}
	.casebox .case .case_title .case_title_left{width:100%;float:none;display:none;}
	.casebox .case .case_title .case_title_right{width:100%;display:block;position:relative;margin-bottom:0px;background:#0f166d;}
	.casebox .case .case_title .case_title_right a{width:50%;display:block;float:left;color:#fff;}
	.casebox .case .case_title .case_title_right a:hover{background:#fff;color:#0f166d;}
	.casebox .case .case_title .case_title_right a:nth-child(1) i{background-image:url(../images/icon01.png);}
	.casebox .case .case_title .case_title_right a:nth-child(2) i{background-image:url(../images/icon02.png);}
	.casebox .case ul a li div{opacity:0.8;}
	.casebox .case ul a li div b{opacity:1;}
	.casebox .case ul a{width:49%;margin:5px 1%;}
	.casebox .case ul a:nth-child(1){margin-left:0;}
	.casebox .case ul a:nth-child(2n+1){margin-left:0;}
	.casebox .case ul a:nth-child(2n){margin-left:0;}

	.newsbox{padding:1em 0;}
	.newsbox .news .news_left{width:100%;float:none;}
	.newsbox .news .news_left .more_news{display:none;}
	.newsbox .news .news_left ul li .time{width:80px;height:80px;background:#999;border:0;padding:5px 0;color:#fff;}
	.newsbox .news .news_left ul li .time b{font-size:2em;font-family:"黑体";}
	.newsbox .news .news_left ul li .time p{font-family:"黑体";}
	.newsbox .news .news_left ul li .text{width:calc(100% - 80px);padding:0 0 0 10px;box-sizing:border-box;}
	.newsbox .news .news_right{width:100%;float:none;}
	.newsbox .news .news_right h1{margin:0 0;}
	.environbox{display:none;}

	.partnerbox{display:none;}
	.partner .partner_title h1{width:100%;}


.footerbox {width: 100%;height: auto;background: #008ae3; color: #fff; overflow: hidden; margin-bottom: 64px;}

	.footerbox .footer_link{width:100%;display:block;text-align:center;height:30px;border-bottom:1px solid #fff;padding:0.5em 0;}
	.footerbox .footer_link li{width:25%;float:left;height:30px;line-height:30px;position:relative;}
	.footerbox .footer_link li a{width:100%;height:100%;display:block;color:#fff;}
	.footerbox .footer_link li:after{background:#fff;content:"";width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;}
	.footerbox .footer_link li:last-child:after{display:none;}
	.footerbox .footer .footer_image{display:none;}
	.footerbox .footer .footer_nav{display:none;}
	.footerbox .footer {width:100%;padding:0.5em 0em 1em 0;}
	.footerbox .footer .flink{display:none;}
	.footerbox .footer .copyright{display:none;text-align:center;}
	.footerbox .footer .copyright-sp{display:block;text-align:center;margin-top:0.5em;}
	.footerbox .footer .copyright-sp li:after{background:#fff;content:"";width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;}
	.footerbox .footer .copyright-sp li:last-child:after{display:none;}
	.footerbox .footer .copyright-sp li a{width:100%;height:auto;display:block;}
	.footerbox .footer .copyright-sp li a em{width:14px;height:14px;display:inline-block;border:1px solid #f2f2f2;border-radius:50%;line-height:14px;margin-right:2px;}




	.footerbox .img_foot{width:300px;margin:0 auto;display: flex; margin-top:0.5em; margin-bottom:0.5em;}
	.footerbox .img_foot a{ width:50%;position:relative;text-align:center;}
	.footerbox .img_foot a em{width:2em;height:2em;display:inline-block;margin:0 auto;margin-bottom:-12px;background-color:#3399cc;background-position:center center;background-repeat:no-repeat;border-radius:50%;}
	.footerbox .img_foot a .message_ico{background-image:url(../images/footer_mes.png);}
	.footerbox .img_foot a .tel_ico{background-image:url(../images/footer_tel.png);}
	.footerbox .img_foot a i{ font-size:16px; line-height:2em; margin-left:5px; letter-spacing:1px}
	.footerbox .img_foot a.jdx:after{background:#fff;content:"";width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;}




.fixm{position: fixed;width: 100%; bottom: 0px;left: 0px;background:rgba(12,16,88,0.85);z-index: 999;height:64px;display:block;}
.fixm ul {width: 100%;}
.fixm li {width: 25%; padding: 10px 0 2px;background: url("/tpl/jiameng1/images/bcm5.png") no-repeat right center;background-size: 2px 65px;float:left;}
.fixm li p {text-align: center;font-size: 1em; color: #fff;}
.fixm li.cur {background: none;}
.fixm li img {display: block;margin: 0 auto 2px;width: 25px;}

.flink{display:none;}




//.callbacks_container{display:none;}

	.floatbox{display:none;}

	.left{width:100%;float:none;padding:0 0;margin:1em 0;}
	.left h1{height:50px;line-height:50px;margin:0 0;}
	#left_bott li{height:50px;line-height:50px;}
	.left .left_bott:nth-child(2){display:none;}
	.right{width:100%;float:none;padding:0 0;margin:0 0;overflow:hidden;}

	.piclistbox{padding:1em 0;}
	.piclistbox ul li{width:100%;}

	.prolistbox ul li dt{width:100%;float:none;}
	.prolistbox ul li dd{width:100%;float:none;}

	/*.listbox ul li dt{width:100%;float:none;height:200px;}手机上不显示  新闻列表每一篇文章前有图片*/
	.listbox ul li dd{width:100%;float:none;padding:0.5em 0;}
	.listbox ul li dd h1 span{display:none;}
	.listbox ul li dd h1{margin-top:1em;}
	/*新闻中心列表模版每一篇文章前有图片.listbox ul li dt{width:100%;float:none;height:200px;}
	.listbox ul li dd{width:100%;float:none;padding:0.5em 0;}
	.listbox ul li dd h1 span{display:none;}
	.listbox ul li dd h1{margin-top:1em;}*/

	.right .right_top{word-wrap:break-word;word-break:break-all;word-break:normal; overflow:visible;padding:10px 0;height:auto;white-space:normal;margin-bottom:0;}
	.right .right_top .right_top_left{width:100%;float:none;height:auto;line-height:40px;font-weight:600;overflow:visible;word-wrap:break-word;word-break:normal;word-break:break-all; }
	.right .right_top .right_top_right{width:100%;float:none;line-height:30px;height:30px;}
	.right .right_top .right_top_right a{line-height:30px;}
	.right .row{padding:15px 10px;overflow:hidden;border:0;margin: 0 0;}
	.map{display:none;}




/* show */
.right .title {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	line-height:40px;
	letter-spacing: 2px;
	border-bottom:#C0C0C0 1px dotted;
}
.right .info {margin:0 10px 0 10px;border-top:#C0C0C0 1px dotted;border-bottom:#C0C0C0 1px dotted;line-height:25px;text-align:center;}


	
	.order {height:auto;line-height: 30px;text-align: center;height:auto;}  
	.order .line {display: inline-block;width:20%;border-top: 2px solid #a0a0a0;}  
	.order .txt {color: #3d3d3d;vertical-align: middle;font-size: 1.2rem;margin:auto 1%;letter-spacing: 2.8px;}   
	.order i{font-size: 1rem;color: #3d3d3d;font-weight:550;letter-spacing: 2px;}

.productbox img{width:100%;}
.productbox .product ul{height:auto;}
.productbox .product ul li{position:relative;width:32%;height:200px;background-position:center center;background-repeat:no-repeat;color:#fff;margin:10px 1%;float:left;background-size:auto 100%;overflow:hidden;}
.productbox .product ul li:nth-child(1){margin-left:0}
.productbox .product ul li:nth-child(3){margin-right:0;}
.productbox .product ul li:nth-child(4){width:100%;margin:10px 0;}
.productbox .product ul li .text{position:absolute;right:0;bottom: 0;width:100%;height:100%;line-height:200px;background: rgba(0,0,0,0.5);text-align:center;}
.productbox .product ul li .text a{width:100%;height:100%;display:block;}
.productbox .product ul li .text a p{font-size:1em;font-weight:300;color:#cacaca;display:none;}
.productbox .product ul li .text a h2{width:100%;height:100%;color:#fff;font-size:1.4em;font-weight:300;letter-spacing:0px;}
.productbox .product ul li .text4{width:100%;height:100%;position:relative;background: rgba(0,0,0,0.3);}
.productbox .product ul li .text4 a{margin-right:auto;width:60%;height:100%;display:block;padding:1em 1em;box-sizing:border-box;position:absolute;right:1em;text-align:center;}
.productbox .product ul li .text4 a .pt{display:block;width:100%;height:2em;color:#f2f2f2;;font-size:1.5em;letter-spacing: 3px;font-weight:300;}
.productbox .product ul li .text4 a p{display:none;}
.productbox .product ul li .text4 a{width:40%;right:0;}
.productbox .product ul li .text4 a i{width:100px;height:80px;background-image:url(../images/pro_ico3.png);background-size:100% 100%;}
.productbox .product ul li .text4 a i{display:inline-block;background-repeat:no-repeat;background-position:center center;margin:0px auto;margin-top:30px;}

.newsbox .news .news_left ul{width:100%; padding-top:0px;}
.newsbox .news .news_left ul li .pic img{width:100%;height:auto;}
.newsbox .news .news_left ul li .text{width:78%;float:right;}
.newsbox .news .news_left ul li .text h2{width:100%;font-size:1.2em;height:2.5em;line-height:2.5em;margin-bottom:0em;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsbox .news .news_left ul li .text h4{display:none;}
.newsbox .news .news_left ul li .text h2 a{font-size:1em;color:#333;font-weight:600;}
.newsbox .news .news_left ul li:hover .text h2 a{color:#0f166d;font-weight:600;}
.newsbox .news .news_left ul li .text p{font-size:1em;line-height:160%;color:#666;letter-spacing: 1px;}
.brandbox .pic_text ul li .gcm{width:100%;height:30px;line-height:30px;text-align:left;font-size:1.5em;font-family:"微软雅黑","黑体",'MICROSOFT YAHEI','宋体','SIMSUN','THOMAS','ARIAL';}
.brandbox .pic_text ul li p{font-size: 1em;color:rgb(21, 20, 20);}


.newsbox .news .news_left ul li .pic{width:100%;float:none;}
.newsbox .news .news_left ul li .text{width:100%;float:none;}
}

@media (max-width:680px)
{

	.swipslider{height:200px;}
	.ny{height:auto;}
	.lxb-container{display:none;}
	img{max-width:100%;}
	.container{width:96%;margin:auto 2%;}
	.m-pic{height:200px;}

	.partner ul{padding:0 0;}
	.partner ul li img{ margin-left:85px;}

	.casebox .case ul a{height:120px;}

	//.productbox .product ul li{width:100%;height:300px;background-size:auto 100%;}

	///.piclistbox ul li{ width:96%; margin:2% 2%}
	//.piclistbox ul li:nth-child(3n+1){ margin-left:2%;}
	//.piclistbox ul li dd h1{height:2em;line-height:2em;margin-top:0.5em;}

	//.piclistbo ul li dt{width: 100%;height: 145px;}
	//.piclistbo ul li dd h1{font-size:2em;}

	.listbox .city_x{ width:100%;}
	.listbox .city_x a{ margin-left:2em; font-size:1em;}
	.listbox .city_x i{font-size:1.2em; font-weight:600; line-height:2em;}
	.listbox .city_x i:before{ content:"|"; margin-right:0.8em; background-color:#0f1e64;}








}
@media (max-width:400px)
{
	.ny{height:220px;}
}


	@keyframes clickfirst {
	  0% {
		  transform: translateY(4px) rotate(0deg);
		  
	  }

	  100% {
		transform: translateY(0) rotate(45deg);
	  }
	}	
	@keyframes outfirst {
	  0% {
		transform: translateY(0) rotate(-45deg);
	  }

	  100% {
		transform: translateY(-4px) rotate(0deg);
	  }
	}	



	@keyframes outsecond {
	  0% {
		transform: translateY(0) rotate(45deg);
	  }

	  100% {
		transform: translateY(4px) rotate(0deg);
	  }
	}


	@keyframes clicksecond {
	  0% {
		  transform: translateY(-4px) rotate(0deg);
	  }

	  100% {
		transform: translateY(0) rotate(-45deg);
	  }
	}	
		transform: translateY(0) rotate(-45deg);
	  }
	}	